<script lang='ts' setup name='Father'>
import { ref } from 'vue' 
</script>

<template>


        <div class="a">

                <div class="b">

                        <div class="c">

                        </div>
                </div>
        </div>


</template>

<style scoped lang="scss">


.a{
        background-color: skyblue;
        height: 200px;

        .b{
                background-color: rgb(155, 178, 187);
                height: 150px;
                margin:10px;   
        }

        .c{
                background-color: rgb(206, 101, 31);
                height: 100px;
                margin:10px;   
        }

}





</style>